<template>
	<view>

		<view class="bg_box">
			<image class="bg01" :src="Cfg.Setting.img + 'bg05.png'" mode="widthFix"></image>
			<view class="bg_content">

				<view class="header status_bar" :class="scrrol == true ? 'scrrolHeader' : ''">
					<view class="back iconfont icon-gerenzhongxin" :data-url="'/pages/personalcenter/personalcenter'"
						@click="gotopage"></view>
					<view class="type_nav_box" v-if="active == 0">
						<view class="type_nav">
							<block v-for="(item, index) in allMenu" :key="index">
								<view class="menu02" :data-index="index" @tap="setAllNavMenu"
									:class="index == allSelect ? 'menucolor03' : ''">{{item.text}}
									<view class="round" v-if="index == 1&&round02 == true"></view>
								</view>
							</block>
						</view>
					</view>
					<!-- <view class="text" v-if="active == 1">预约订单</view> -->
					<view class="type_nav_box" v-if="active == 1">
						<view class="type_nav">
							<block v-for="(item, index) in allMenu02" :key="index">
								<view class="menu02" :data-index="index" @tap="setAllNavMenu02"
									:class="index == allSelect02 ? 'menucolor03' : ''">{{item.text}}
									<view class="round" v-if="index == 1&&round03 == true"></view>
								</view>
							</block>
						</view>
					</view>
					<view class="news iconfont icon-xiaoxi" :data-url="'/pages/personalcenter/tidings'" @click="gotopage">
						<view class="round" v-if="orderNews > 0">{{orderNews}}</view>
					</view>
				</view>

				<block v-if="active == 0">
					<block v-if="allSelect == 0">
						<view class="nav" :class="scrrol == true ? 'scrrolHeader' : ''">
							<view class="navauto">
								<block v-for="(item, index) in menu" :key="index">
									<view class="menu menu03" :data-index="index" @tap="setNavMenu">
										<view class="text" :class="index == select ? 'menucolor' : ''">{{ item.text }}<view class="round" v-if="index == 1&&mark01 == true"></view></view>
										<view class="line" :class="index == select ? 'menucolor02' : ''">
											<image :src="Cfg.Setting.img + 'xiao.png'" mode="widthFix"></image>
										</view>
										
									</view>
								</block>
							</view>
						</view>
					</block>
					<block v-if="allSelect == 1">
						<view class="nav" :class="scrrol == true ? 'scrrolHeader' : ''">
							<view class="navauto">
								<block v-for="(item, index) in menu" :key="index">
									<view class="menu menu03" :data-index="index" @tap="setNavMenu02">
										<view class="text" :class="index == select02 ? 'menucolor' : ''">{{ item.text }}<view class="round" v-if="index == 1&&mark02 == true"></view></view>
										<view class="line" :class="index == select02 ? 'menucolor02' : ''">
											<image :src="Cfg.Setting.img + 'xiao.png'" mode="widthFix"></image>
										</view>
									</view>
								</block>
							</view>
						</view>
					</block>
					<view class="clear_box07"></view>
					
					<view class="search_box" v-if="select == 3 || select02 == 3">
						<view class="search">
							<view class="icon">
								<image :src="'https://cxh-imgs.oss-cn-shanghai.aliyuncs.com/static/' + 'search01.png'" mode="widthFix"></image>
							</view>
							<input type="text" value="" placeholder="请输入手机号搜索" v-model="keyText" />
							<view class="menu" @tap="goSearch">搜索</view>
						</view>
					</view>

					<!-- 快递订单列表 -->
					<block v-for="(item, index) in list" :key="index" v-if="allSelect == 0">
						<view class="order_list" :data-url="'/pages/order/servicedetails?id='+item.id+'&state='+item.order_status" @click="gotopage">
							<view class="service_box">
								<view class="label02" v-if="item.is_next == 1">预约</view>
								<view class="label label_color04" v-if="item.service_id == 6">代寄快递</view>
								<view class="label label_color01" v-if="item.service_id == 3">快递上楼</view>
								<view class="service" v-if="!item.receipt_time">
									<view class="text" v-if="item.is_next != 1">预计</view>
									<view class="text" v-if="item.is_next == 1">预约</view>
									<view class="time">{{ item.estimate_time }}</view>
									<view class="text">送达</view>
								</view>
								<view class="service" v-if="item.receipt_time">
									<view class="time">{{ item.receipt_time }}</view>
									<view class="text">完成</view>
								</view>
								<!-- <view class="service">
								<view class="money">{{ item.price }}</view>
								<view class="text">元</view>
							</view> -->
							</view>
							<view class="content">
								<view class="other" v-if="item.f_address != 1">
									<view class="icon">
										<image :src="Cfg.Setting.img + 'delivery01.png'" mode="widthFix"></image>
									</view>
									<view class="text">{{item.fetch_area}}{{item.fetch_address}}</view>
								</view>
								<block v-for="(item02, index02) in item.fetch_address" v-if="item.f_address == 1">
									<view class="other">
										<view class="icon">
											<image :src="Cfg.Setting.img + 'delivery01.png'" mode="widthFix"></image>
										</view>
										<view class="text">{{item02.fetch_address}}</view>
									</view>
								</block>
								<view class="other">
									<!-- <view class="distance">1000km</view> -->
								</view>
								<view class="other">
									<view class="line"></view>
								</view>
								<view class="other">
									<view class="icon">
										<image :src="Cfg.Setting.img + 'delivery02.png'" mode="widthFix"></image>
									</view>
									<view class="text">{{item.receive_area}}{{item.receive_address}}</view>
								</view>
								<view class="other">
									<view class="remarks02">姓名:{{ item.fetch_name }}({{item.fetch_tel | filterPhoneNumber}})</view>
								</view>
								<view class="other">
									<view class="remarks">备注:{{ item.remark }}</view>
								</view>
							</view>
							<view class="order_menu">
								<view class="menu menu02" v-if="type != 2" :data-phone="item.fetch_tel" @tap.stop="sceltaContatto">联系客户
								</view>
								<view class="menu menu02" v-if="type == 7" :data-latitude="item.receive_lat[1]"
									:data-longitude="item.receive_lat[0]" @tap.stop="goLocation">导航</view>
								<view class="menu menu02" v-if="type == 3" :data-latitude="item.fetch_lat[1]"
									:data-longitude="item.fetch_lat[0]" @tap.stop="goLocation">导航</view>
								<view class="menu" v-if="type == 2" :data-id="item.id" @tap.stop="jionOrders">立即接单</view>
								<view class="menu" v-if="type == 3&&item.service_id != 3" @click.stop="vipStatusGo" data-vstatus="7" :data-vid="item.id">已取货
								</view>
								<!-- <view class="menu" v-if="type == 3" :data-id="item.id" @tap="goPick">已取货</view> -->
								<view class="menu" v-if="type == 7 && item.express_status == 2">等待支付运费</view>
								<view class="menu" v-if="type == 7 && item.express_status == 0&&item.service_id == 6"
									@click.stop="vipStatusGo02" data-vstatus="6" :data-vid="item.id">已完成</view>
								<view class="menu" v-if="type == 7 && item.express_status == 0&&item.service_id == 3"
									@click.stop="vipStatusGo04" data-vstatus="6" :data-vid="item.id" :data-many="item.is_many">已完成</view>	
								<view class="menu"
									v-if="type == 7 && item.express_status == 0&&item.service_id == 8 ||type == 7 && item.express_status == 0&&item.service_id == 4"
									:data-id="item.id" @tap.stop="goComplete">已完成</view>
							</view>
						</view>
					</block>

					<!-- 服务订单列表 -->
					<block v-for="(item, index) in list02" :key="index" v-if="allSelect == 1">
						<view class="order_list" :data-url="'/pages/order/servicedetails?id='+item.id+'&state='+item.order_status" @click="gotopage">
							<view class="service_box">
								<view class="label02" v-if="item.is_next == 1">预约</view>
								<view class="label label_color02" v-if="item.service_id == 4">废品下楼</view>
								<view class="label label_color05" v-if="item.service_id == 8">物品帮买</view>
								<view class="service" v-if="!item.receipt_time">
									<view class="text" v-if="item.is_next != 1">预计</view>
									<view class="text" v-if="item.is_next == 1">预约</view>
									<view class="time">{{ item.estimate_time }}</view>
									<view class="text">送达</view>
								</view>
								<view class="service" v-if="item.receipt_time">
									<view class="time">{{ item.receipt_time }}</view>
									<view class="text">完成</view>
								</view>
								<!-- <view class="service">
								<view class="money">{{ item.price }}</view>
								<view class="text">元</view>
							</view> -->
							</view>
							<view class="content">
								<view class="other" v-if="item.f_address != 1">
									<view class="icon">
										<image :src="Cfg.Setting.img + 'delivery01.png'" mode="widthFix"></image>
									</view>
									<view class="text">{{item.fetch_area}}{{item.fetch_address}}</view>
								</view>
								<block v-for="(item02, index02) in item.fetch_address" v-if="item.f_address == 1">
									<view class="other">
										<view class="icon">
											<image :src="Cfg.Setting.img + 'delivery01.png'" mode="widthFix"></image>
										</view>
										<view class="text">{{item02.fetch_address}}</view>
									</view>
								</block>
								<view class="other">
									<!-- <view class="distance">1000km</view> -->
								</view>
								<view class="other">
									<view class="line"></view>
								</view>
								<view class="other">
									<view class="icon">
										<image :src="Cfg.Setting.img + 'delivery02.png'" mode="widthFix"></image>
									</view>
									<view class="text">{{item.receive_area}}{{item.receive_address}}</view>
								</view>
								<view class="other">
									<view class="remarks02">姓名:{{ item.fetch_name }}({{item.fetch_tel | filterPhoneNumber}})</view>
								</view>
								<view class="other">
									<view class="remarks">备注:{{ item.remark }}</view>
								</view>
							</view>
							<view class="order_menu">
								<view class="menu menu02" v-if="type02 != 2" :data-phone="item.fetch_tel" @tap.stop="sceltaContatto">联系客户
								</view>
								<view class="menu menu02" v-if="type02 == 7" :data-latitude="item.receive_lat[1]"
									:data-longitude="item.receive_lat[0]" @tap.stop="goLocation">导航</view>
								<view class="menu menu02" v-if="type02 == 3" :data-latitude="item.fetch_lat[1]"
									:data-longitude="item.fetch_lat[0]" @tap.stop="goLocation">导航</view>
								<view class="menu" v-if="type02 == 2" :data-id="item.id" @tap.stop="jionOrders">立即接单</view>
								<view class="menu" v-if="type02 == 3&&item.service_id == 8" @click.stop="vipStatusGo" data-vstatus="7" :data-vid="item.id">已取货
								</view>
								<view class="menu" v-if="type02 == 3 &&item.service_id == 4" :data-id="item.id" @tap.stop="goPick">已取货</view>
								<view class="menu" v-if="type02 == 7 && item.express_status == 2">等待支付运费</view>
								<view class="menu" v-if="type02 == 7 && item.express_status == 0&&item.service_id == 8"
									@click.stop="vipStatusGo03" data-vstatus="6" :data-vid="item.id">已完成</view>
								<view class="menu"
									v-if="type02 == 7 && item.express_status == 0&&item.service_id == 4 ||type02 == 7 && item.express_status == 0&&item.service_id == 4"
									:data-id="item.id" @tap.stop="goComplete">已完成</view>
							</view>
						</view>
					</block>
				</block>

				<block v-if="active == 1">
					<!-- <view class="nav" :class="scrrol == true ? 'scrrolHeader' : ''">
						<view class="navauto">
							<block v-for="(item, index) in timeData" :key="index">
								<view class="menu menu02" :data-index="index" @tap="setNavMenu03">
									<view class="text" :class="index == select03 ? 'menucolor' : ''">{{ item.time}}
										<view class="round" v-if="item.num > 0"></view>
									</view>
									<view class="line" :class="index == select03 ? 'menucolor02' : ''">
										<image :src="Cfg.Setting.img + 'xiao.png'" mode="widthFix"></image>
									</view>

								</view>
							</block>
						</view>
					</view> -->
					<view class="nav02" :class="scrrol == true ? 'scrrolHeader' : ''">
						<view class="navauto">
							<block v-for="(item, index) in menu02" :key="index">
								<view class="menu" :data-index="index" @tap="setNavMenu04">
									<view class="text" :class="index == select04 ? 'menucolor' : ''">{{ item.text }}</view>
									<view class="line" :class="index == select04 ? 'menucolor02' : ''">
										<image :src="Cfg.Setting.img + 'xiao.png'" mode="widthFix"></image>
									</view>
								</view>
							</block>
						</view>
					</view>	
					<view class="clear_box07"></view>
					
					
					<view class="comment_box">
						<view class="VerticalBox">
							<scroll-view class="VerticalNav nav03" scroll-y scroll-with-animation :scroll-top="verticalNavTop"
								style="height:calc(100vh)" v-if="timeData.length > 0">
								<view class="cu-item" :class="index == tabCur ? 'text-green cur' : ''" v-for="(item, index) in timeData"
									:key="index" @tap="TabSelect" :data-id="index" :data-goodsid="item.id">
									{{ item.time }}
									<view class="round" v-if="item.num > 0"></view>
								</view>
							</scroll-view>
							<scroll-view class="VerticalMain" scroll-y scroll-with-animation style="height:calc(110vh - 200upx)"
								:scroll-into-view="'main-' + mainCur" @scroll="VerticalMain">
								<view class="padding-top padding-lr">
									<view class="cu-list menu-avatar">
										<!-- 线上订单列表 -->
										<block v-for="(item, index) in list03" :key="index">
											<view class="order_list" :data-url="'/pages/index/reservation?id=' + item.building_id + '&time=' + selectime + '&type=' + type04 +'&sid=' + serviceType"
														@click="gotopage">
												<view class="service_box">
													<view class="label label_color03">预约</view>
													<view class="service">
														<view class="text ztfont">{{item.building_name}}</view>

													</view>
													<view class="service service02">
														<view class="text iconfont icon-xiangyou1"></view>
													</view>
													
												</view>
												<block v-for="(item02, index02) in item.address_arr">
													<view class="service_box service_left">
														<view class="service">
															<view class="text">{{item02.fetch_address}}</view>
															<view class="time">预约{{item02.code_num}}单</view>
														</view>													
													</view>
												</block>
											</view>
										</block>
										
										<view class="clear_box09"></view>
										
									</view>
								</view>
							</scroll-view>
						</view>
					</view>


				</block>


			</view>
		</view>

		<!-- 取到货上传图片 -->
		<view class="pupu_box" v-if="pupu" @tap="autoPupu">
			<view class="show_box" @tap.stop="">
				<view class="title">物品图片</view>
				<view class="img_box">
					<view class="img" @tap="getImg">
						<image :src="addImg" mode="scaleToFill"></image>
					</view>
				</view>
				<view class="menu" @tap="determinePupu">确定</view>
			</view>
		</view>

		<!-- 代寄快递上传小票和金额 -->
		<view class="pupu_box" v-if="pupu02" @tap="autoPupu02">
			<view class="show_box" @tap.stop="">
				<view class="title">小票图片和运费</view>
				<view class="img_box">
					<view class="img" @tap="getImg02">
						<image :src="addImg02" mode="scaleToFill"></image>
					</view>
				</view>
				<view class="input">
					<view class="m"></view>
					<input type="text" value="" placeholder="请输入快递单号" v-model="buyNumber" />
				</view>
				<view class="input">
					<view class="m"></view>
					<input type="text" value="" placeholder="请输入快递公司" v-model="buyCorporation" />
				</view>
				<view class="input">
					<view class="m">￥</view>
					<input type="number" value="" placeholder="请输入快递费用" v-model="express_money" />
				</view>
				<view class="menu" @tap="determinePupu02">确定</view>
			</view>
		</view>
		
		<!-- 帮买上传小票和费用 -->
		<view class="pupu_box" v-if="pupu03" @tap="autoPupu03">
			<view class="show_box" @tap.stop="">
				<view class="title">小票图片和费用</view>
				<view class="img_box">
					<view class="img" @tap="getImg03">
						<image :src="addImg03" mode="scaleToFill"></image>
					</view>
				</view>			
				<view class="input">
					<view class="m">￥</view>
					<input type="number" value="" placeholder="请输入费用" v-model="buyPrice" />
				</view>
				<view class="menu" @tap="determinePupu03">确定</view>
			</view>
		</view>
		
		<!-- 快递送达图片 -->
		<view class="pupu_box" v-if="pupu04" @tap="autoPupu04">
			<view class="show_box" @tap.stop="">
				<view class="title">快递送达图片</view>
				<view class="input" v-if="isMany == 1">
					<!-- <view class="m">(必填)</view> -->
					<input type="number" value="" placeholder="请输入包裹数量" v-model="parcelNum" />
				</view>
				<view class="img_box">
					<view class="img" @tap="getImg04">
						<image :src="addImg04" mode="scaleToFill"></image>
					</view>
				</view>
				<view class="menu" @tap="determinePupu04">确定</view>
			</view>
		</view>

		<!-- <footer-menu02 :active="'list'" /> -->

		<view style="height:50px;">
			<view class="cu-bar foot tabbar bg-white">
				<view class="action" :class="active==0?'text-blue':'text-black'" data-index="0" @tap="navSetColor">
					<view class="iconfont icon-dingdan_xuanzhong" v-if="active == 0"></view>
					<view class="iconfont icon-dingdan_weixuan" v-if="active != 0"></view>
					<view>发单</view>
				</view>
				<view class="action add-action" :class="active=='add'?'text-blue':'text-black'" @tap="goRefresh">
					<button class="cu-btn iconfont icon-shuaxin1 addstl"></button>
					<view></view>
				</view>
				<view class="action" :class="active==1?'text-blue':'text-black'" data-index="1" @tap="navSetColor">
					<view class="iconfont icon-dingdan_xuanzhong" v-if="active == 1"></view>
					<view class="iconfont icon-dingdan_weixuan" v-if="active != 1"></view>
					<view>预约</view>
					<view class="round" v-if="round"></view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				page: 1,
				pupu: false,
				pupu02: false,
				pupu03: false,
				pupu04:false,
				pupuStatus: '',
				pupuid: '',
				addImg: 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png',
				addImg02: 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png',
				addImg03: 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png',
				addImg04: 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png',
				scrrol: false,
				select: 0,
				select02: 0,
				select03: 0,
				select04: 0,
				active: 0,
				type: 2,
				type02: 2,
				type04:3,
				menu: [{
						text: '可接单'
					},
					{
						text: '待取货'
					},
					{
						text: '配送中'
					},
					{
						text: '已完成'
					}
				],
				timeData: [],
				list: [],
				list02: [],
				list03: [],
				info: '',
				station: '',
				allMenu: [{
						text: '快递订单'
					},
					{
						text: '服务订单'
					},
				],
				allMenu02: [{
						text: '取件预约'
					},
					{
						text: '寄件预约'
					},
				],
				allSelect: 0,
				allSelect02: 0,
				selectime: '',
				round: false,
				round02: false,
				round03: false,
				serviceCode: '',
				express_money: '',
				orderNews:'',
				menu02: [
					{
						text: '待取货'
					},
					{
						text: '配送中'
					},
				],
				tabCur: 0,
				mainCur: 0,
				verticalNavTop: 0,
				load: true,
				timeType:1,
				serviceType:3,
				keyText:'',
				buyPrice:'',
				buyNumber:'',
				buyCorporation:'',
				mark01:false,
				mark02:false,
				isMany:0,
				parcelNum:'',
			};
			
		},
		filters: {
			filterPhoneNumber(phoneNumber) {
				let reg = /^1[3456789]{1}\d{9}$/; //必须是以1开头，第二位必须是3-9中的任意一个数，后面9位必须是数字
				//校验手机号是否正确
				if (reg.test(phoneNumber)) {
					phoneNumber = phoneNumber.toString(); //先强制转换成字符串类型
					return phoneNumber.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
				} else {
					return '';
				}
			}
		},
		onLoad(e) {
			let that = this;

		},
		onShow() {
			let that = this;
			that.page = 1;
			if(that.allSelect == 0){
				that.list = [];
				that.loadList();
			}
			
			if(that.allSelect == 1){
				that.list02 = [];
				that.loadList02();
			}
			
			if(that.allSelect02 == 0 || that.allSelect02 == 1){
				that.list03 = [];
				that.getReservation();
			}
			
			// that.loadList();
			that.loadRound();
			that.loadRound02();
		},
		methods: {
			goSearch(){
				let that = this;
				if (!that.keyText) {
					that.Msg.Fail('请输入搜索的手机号');
					return;
				}
				if(that.select == 3){
					that.loadList()
				}else if(that.select02 == 3){
					that.loadList02()
				}
				
			},
			TabSelect(e) {
				let that = this;
				that.tabCur = e.currentTarget.dataset.id;
				that.mainCur = e.currentTarget.dataset.id;
				that.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50;
				that.selectime = that.timeData[that.tabCur].time;
				that.getReservation();
				
			},
			VerticalMain(e) {
				let that = this;
				let tabHeight = 0;
				//console.log(e.detail.scrollTop)
				if (e.detail.scrollTop > 9000) {
					uni.pageScrollTo({
						scrollTop: 300,
						duration: 300
					});
				}
				if (this.load) {
					for (let i = 0; i < this.list.length; i++) {
						let view = uni.createSelectorQuery().select('#main-' + i);
						view
							.fields({
									size: true
								},
								data => {
									this.timeData[i].top = tabHeight;
									tabHeight = tabHeight + data.height;
									this.timeData[i].bottom = tabHeight;
									// console.log(this.list);
								}
							)
							.exec();
					}
					this.load = false;
				}
				let scrollTop = e.detail.scrollTop + 10;
				// let bottom_go = that.list.length - 1;
				for (let i = 0; i < this.list.length; i++) {
					if (scrollTop > this.list[i].top && scrollTop < this.list[i].bottom) {
						this.verticalNavTop = (i - 1) * 50;
			
						// if(bottom_go == that.tabCur){
						// 	this.tabCur = i + 1;
						// 	// this.mainCur = i + 1;
			
						// }else{
						// 	this.tabCur = i;
						// 	// this.mainCur = i;
						// }
						// that.classId = that.list[i].id;
			
						// console.log(scrollTop)
						return false;
					}
				}
			},
			setAllNavMenu(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.allSelect = index;
				that.page = 1;
				that.type = 2;
				that.select = 0;
				if (that.allSelect == 0) {
					that.loadList();
				} else if (that.allSelect == 1) {
					that.loadList02();
				}
			},
			setAllNavMenu02(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.allSelect02 = index;
				that.type04 = 3;
				that.tabCur = 0;
				that.mainCur = 0;
				that.select04 = 0;
				if (that.allSelect02 == 0) {
					that.timeType = 1;
					that.serviceType = 3;
					that.getTimeData();
				} else if (that.allSelect02 == 1) {
					that.timeType = 0;
					that.serviceType = 6;
					that.getTimeData();
				}
			},
			vipStatusGo(e) {
				let that = this;
				that.pupuStatus = e.currentTarget.dataset.vstatus;
				that.pupuid = e.currentTarget.dataset.vid;
				that.pupu = !that.pupu;
			},
			vipStatusGo02(e) {
				let that = this;
				that.pupuStatus = e.currentTarget.dataset.vstatus;
				that.pupuid = e.currentTarget.dataset.vid;
				that.pupu02 = !that.pupu02;
			},
			vipStatusGo03(e) {
				let that = this;
				that.pupuStatus = e.currentTarget.dataset.vstatus;
				that.pupuid = e.currentTarget.dataset.vid;
				that.pupu03 = !that.pupu03;
			},
			vipStatusGo04(e) {
				let that = this;
				that.pupuStatus = e.currentTarget.dataset.vstatus;
				that.pupuid = e.currentTarget.dataset.vid;
				that.isMany = e.currentTarget.dataset.many;
				that.pupu04 = !that.pupu04;
			},
			determinePupu() {
				let that = this;
				if (that.addImg == 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png') {
					that.Msg.Fail('请上传物品图片');
					return;
				}


				that.Net._put('user/vip/edit_order/' + that.pupuid, {
					order_status: that.pupuStatus,
					finish_image: that.addImg
				}, res => {
					if (res.code == 200) {
						that.Msg.Success('操作成功', res => {
							that.page = 1;
							that.serviceCode = '';
							that.addImg = 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png';
							that.pupu = false;
							that.loadList();
						});
					} else if (res.code != 200) {
						that.Msg.Success(res.msg, res => {});
					}
				});
			},
			determinePupu02() {
				let that = this;
				if (that.addImg02 == 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png') {
					that.Msg.Fail('请上传小票图片');
					return;
				}
				
				if (!that.buyNumber) {
					that.Msg.Fail('请输入快递单号');
					return;
				}
							
				if (!that.buyCorporation) {
					that.Msg.Fail('请输入快递公司');
					return;
				}

				if (!that.express_money) {
					that.Msg.Fail('请输入快递费用');
					return;
				}


				that.Net._put('user/vip/edit_order/' + that.pupuid, {
					order_status: that.pupuStatus,
					express_image: that.addImg02,
					express_fee: that.express_money,
					logistics_no:that.buyNumber,
					logistics_name:that.buyCorporation,
				}, res => {
					if (res.code == 200) {
						that.Msg.Success('操作成功', res => {
							that.page = 1;
							that.serviceCode = '';
							that.addImg02 = 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png';
							that.pupu02 = false;
							that.loadList();
						});
					} else if (res.code != 200) {
						that.Msg.Success(res.msg, res => {});
					}
				});
			},
			determinePupu03() {
				let that = this;
				if (that.addImg03 == 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png') {
					that.Msg.Fail('请上传小票图片');
					return;
				}
				
				if (!that.buyPrice) {
					that.Msg.Fail('请输入费用');
					return;
				}
		
			
				that.Net._put('user/vip/edit_order/' + that.pupuid, {
					order_status: that.pupuStatus,
					express_image: that.addImg03,
					express_fee: that.buyPrice
					
				}, res => {
					if (res.code == 200) {
						that.Msg.Success('操作成功', res => {
							that.page = 1;
							that.serviceCode = '';
							that.addImg03 = 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png';
							that.pupu03 = false;
							that.loadList02();
						});
					} else if (res.code != 200) {
						that.Msg.Success(res.msg, res => {});
					}
				});
			},
			determinePupu04() {
				let that = this;
				
				if(that.isMany == 1){
					if (!that.parcelNum) {
						that.Msg.Fail('请输入包裹数量');
						return;
					}
				}
				
				if (that.addImg04 == 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png') {
					that.Msg.Fail('请上传快递送达图片');
					return;
				}
	
				that.Net._put('user/vip/edit_order/' + that.pupuid, {
					order_status: that.pupuStatus,
					express_image: that.addImg04,
					actual_package: that.parcelNum,
				}, res => {
					if (res.code == 200) {
						that.Msg.Success('操作成功', res => {
							that.page = 1;
							that.serviceCode = '';
							that.addImg04 = 'https://jiheshenhuo.oss-cn-hangzhou.aliyuncs.com/static/li/addimg.png';
							that.pupu04 = false;
							that.loadList();
						});
					} else if (res.code != 200) {
						that.Msg.Success(res.msg, res => {});
					}
				});
			},
			getImg() {
				let that = this;
				uni.chooseImage({
					sizeType: ['original', 'compressed'], //可选择原图或压缩后的图片
					sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
					success: function(res) {
						const temFilePath = res.tempFilePaths; //图片选择完成后 获取该图片的路劲
						uni.compressImage({
						  src: temFilePath[0],
						  quality: 30,
						  success: res => {
						    console.log(res.tempFilePath)
							uni.uploadFile({
								url: that.Cfg.Setting.root + 'uploads', //上传文件的Controller
								filePath: res.tempFilePath, //要上传的文件路径
								name: 'file',
								success: res => {
									console.log(JSON.parse(res.data))
									let imgData = JSON.parse(res.data);
									that.addImg = imgData.data.data;
								}
							});
						  }
						})
						
						
					}
				});
			},
			getImg02() {
				let that = this;
				uni.chooseImage({
					sizeType: ['original', 'compressed'], //可选择原图或压缩后的图片
					sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
					success: function(res) {
						const temFilePath = res.tempFilePaths; //图片选择完成后 获取该图片的路劲
						uni.compressImage({
						  src: temFilePath[0],
						  quality: 30,
						  success: res => {
						    console.log(res.tempFilePath)
							uni.uploadFile({
								url: that.Cfg.Setting.root + 'uploads', //上传文件的Controller
								filePath: temFilePath[0], //要上传的文件路径
								name: 'file',
								success: res => {
									//console.log(JSON.parse(res.data))
									let imgData = JSON.parse(res.data);
									that.addImg02 = imgData.data.data;
								}
							});
						  }
						})
						
					}
				});
			},
			getImg03() {
				let that = this;
				uni.chooseImage({
					sizeType: ['original', 'compressed'], //可选择原图或压缩后的图片
					sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
					success: function(res) {
						const temFilePath = res.tempFilePaths; //图片选择完成后 获取该图片的路劲
						uni.compressImage({
						  src: temFilePath[0],
						  quality: 30,
						  success: res => {
						    console.log(res.tempFilePath)
							uni.uploadFile({
								url: that.Cfg.Setting.root + 'uploads', //上传文件的Controller
								filePath: temFilePath[0], //要上传的文件路径
								name: 'file',
								success: res => {
									//console.log(JSON.parse(res.data))
									let imgData = JSON.parse(res.data);
									that.addImg03 = imgData.data.data;
								}
							});
						  }
						})
						
					}
				});
			},
			getImg04() {
				let that = this;
				uni.chooseImage({
					sizeType: ['original', 'compressed'], //可选择原图或压缩后的图片
					sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
					success: function(res) {
						const temFilePath = res.tempFilePaths; //图片选择完成后 获取该图片的路劲
						uni.compressImage({
							src: temFilePath[0],
							quality: 30,
							success: res => {
								//console.log(res.tempFilePath)
								uni.uploadFile({
									url: that.Cfg.Setting.root +
									'uploads', //上传文件的Controller
									filePath: temFilePath[0], //要上传的文件路径
									name: 'file',
									success: res => {
										//console.log(JSON.parse(res.data))
										let imgData = JSON.parse(res.data);
										that.addImg04 = imgData.data.data;
									}
								});
							}
						})
			
					}
				});
			},
			autoPupu() {
				let that = this;
				that.pupu = !that.pupu;
			},
			autoPupu02() {
				let that = this;
				that.pupu02 = !that.pupu02;
			},
			autoPupu03() {
				let that = this;
				that.pupu03 = !that.pupu03;
			},
			autoPupu04() {
				let that = this;
				that.pupu04 = !that.pupu04;
			},
			goRefresh() {
				let that = this;
				if (that.active == 0) {
					that.page = 1;
					that.list = [];
					that.list02 = [];
					that.loadList();
					that.loadList02();
				} else if (that.active == 1) {
					that.list03 = [];
					that.getReservation();
				}

			},
			// 获取角标
			loadRound() {
				let that = this;
				that.Net._get('terminal/subscript', {}, res => {
					if (res.code == 200) {
						//console.log(res)
						if (res.data.num > 0) {
							that.round = true
						} else if (res.data.num == 0) {
							that.round = false
						}					
						if (res.data.line_num > 0) {
							that.round02 = true
						} else if (res.data.line_num == 0) {
							that.round02 = false
						}
						
						if (res.data.send_num > 0) {
							that.round03 = true
						} else if (res.data.send_num == 0) {
							that.round03 = false
						}
						
						that.orderNews = res.data.order_news;
					}
				});
			},
			// 获取快递和服务订单角标
			loadRound02() {
				let that = this;
				that.Net._get('terminal/subscript_2', {}, res => {
					if (res.code == 200) {
						//console.log(res)
						if(res.data.delivery_num > 0){
							that.mark01 = true;
						}else{
							that.mark01 = false;
						}
						
						if(res.data.service_num > 0){
							that.mark02 = true;
						}else{
							that.mark02 = false;
						}
					}
				});
			},
			// 快递订单
			loadList() {
				let that = this;
				that.Net._get('terminal/terminal_order', {
					per_page: '10',
					page: that.page,
					order_status: that.type,
					type:1,
					phone:that.keyText,
				}, res => {
					if (res.code == 200) {
						//console.log(res)
						that.list = res.data.data;
					}
				});
			},
			// 服务订单
			loadList02() {
				let that = this;
				that.Net._get('terminal/terminal_order', {
					per_page: '10',
					page: that.page,
					order_status: that.type02,
					type:2,
					phone:that.keyText,
				}, res => {
					if (res.code == 200) {
						//console.log(res)
						that.list02 = res.data.data;
					}
				});
			},
			getTimeData() {
				let that = this;
				that.Net._get('pick_time2', {is_pick:that.timeType,order_status:that.type04,}, res => {
					if (res.code == 200) {
						// console.log(res.data.pick_time)
						that.timeData = res.data.pick_time;
						if(res.data.pick_time.length > 0){
							that.selectime = res.data.pick_time[0].time;
						}
						
						 that.getReservation()
					}
				});
			},
			getReservation() {
				let that = this;
				that.Net._get('terminal/pick_time_order', {
					pick_time: that.selectime,
					type: '1',
					order_status:that.type04,
					service_id:that.serviceType,
				}, res => {
					if (res.code == 200) {
						// console.log(res)
						that.list03 = res.data.list;
					}
				});
			},
			signOut() {
				let that = this;
				uni.showModal({
					title: '提示',
					content: '是否退出登录',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							let token_ = 'Bearer ' + that.Net._getToken();
							that.Net._post(
								'logout', {},
								res => {
									//console.log(res);
									if (res.code == 200) {
										uni.setStorageSync('_TOKEN_', null);
										uni.setStorageSync('_AGREEMENT_', null);
										that.Msg.Success('退出登录成功', res => {
											// that.Nav._to({ url: '/pages/public/login', type: 2 });
											uni.reLaunch({
												url: '/pages/public/login'
											});
										});
									}
								}
							);
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});
			},
			goPick(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否确认取货?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/terminal_order_status', {
								order_id: id_,
								order_status: '7'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('已取到商品', res => {
										that.page = 1;
										that.loadList02();
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});
			},
			goPickUp(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否确认已取到货?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/order_update', {
								order_id: id_,
								order_status: '7'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('取货完成', res => {
										that.page = 1;
										that.loadList02();
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});
			},
			goComplete(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否确认完成订单?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/terminal_order_status', {
								order_id: id_,
								order_status: '6'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('订单完成', res => {
										that.page = 1;
										that.loadList();
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});
			},
			goComplete02(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否确认完成订单?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/order_update', {
								order_id: id_,
								order_status: '6'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('订单完成', res => {
										that.page = 1;
										that.loadList02();
										that.loadRound();
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});
			},
			jionOrders(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否接取订单?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/terminal_order_status', {
								order_id: id_,
								order_status: '3'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('接单成功', res => {
										that.page = 1;
										if(that.allSelect == 0){
											that.loadList();
											that.loadRound();
										}else if(that.allSelect == 1){									
											that.loadList02();
											that.loadRound02();
										}
										
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});

			},
			jionOrders02(e) {
				let that = this;
				let id_ = e.currentTarget.dataset.id;
				uni.showModal({
					title: '提示',
					content: '是否接取订单?',
					success: function(res) {
						if (res.confirm) {
							//console.log('用户点击确定');
							that.Net._post('terminal/order_update', {
								order_id: id_,
								order_status: '3'
							}, res => {
								if (res.code == 200) {
									//console.log(res)
									that.Msg.Success('接单成功', res => {
										that.page = 1;
										that.loadList02();
									});
								}

							});
						} else if (res.cancel) {
							//console.log('用户点击取消');
						}
					}
				});

			},
			goLocation(e) {
				let latitude = e.currentTarget.dataset.latitude;
				let longitude = e.currentTarget.dataset.longitude;
				// console.log(latitude);
				// console.log(longitude);
				uni.openLocation({
					latitude: Number(latitude),
					longitude: Number(longitude),
					success: function() {
						console.log('success');
					}
				});
			},
			sceltaContatto(e) {
				//联系
				var that = this;
				let phone_ = e.currentTarget.dataset.phone;
				//console.log(e)
				uni.showActionSheet({
					itemList: ['电话'],
					success: function(res) {
						//console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
						console.log(res.tapIndex);
						uni.makePhoneCall({
							phoneNumber: phone_ //仅为示例
						});
					},
					fail: function(res) {
						console.log(res.errMsg);
					}
				});
			},
			setNavMenu(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.select = index;
				if (that.select == 0) {
					that.type = 2;
				} else if (that.select == 1) {
					that.type = 3;
				} else if (that.select == 2) {
					that.type = 7;
				} else if (that.select == 3) {
					that.type = 4;
				}
				that.page = 1;

				that.list = [];
				that.loadList();




			},
			setNavMenu02(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.select02 = index;
				if (that.select02 == 0) {
					that.type02 = 2;
				} else if (that.select02 == 1) {
					that.type02 = 3;
				} else if (that.select02 == 2) {
					that.type02 = 7;
				} else if (that.select02 == 3) {
					that.type02 = 4;
				}
				that.page = 1;

				that.list02 = [];
				that.loadList02();


			},
			setNavMenu03(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.select03 = index;
				//console.log(that.timeData);
				that.selectime = that.timeData[that.select03].time;
				that.list03 = [];
				that.getReservation();


			},
			setNavMenu04(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.select04 = index;
				that.tabCur = 0;
				that.mainCur = 0;
				if(that.select04 == 0){
					that.type04 = 3;
				}
				else if(that.select04 == 1){
					that.type04 = 7;
				}
				that.getTimeData();
				that.list03 = [];
				that.getReservation();
				
		
				
			},
			navSetColor(e) {
				let that = this;
				let index = e.currentTarget.dataset.index;
				that.page = 1;
				that.active = index;
				if (that.active == 0) {
					that.type = 2;
					that.select = 0;
					that.allSelect = 0;
					that.loadList();
				} else if (that.active == 1) {
					that.select03 = 0;
					that.getTimeData();
				}

			},
			backPage() {
				uni.navigateBack({});
			},
			gotopage(e) {
				let url = e.currentTarget.dataset.url;
				uni.navigateTo({
					url: url
				});
			},
		},
		onPageScroll: function(Object) {
			//console.log(Object.scrollTop); //实时获取到滚动的值
			if (Object.scrollTop > 28) {
				this.scrrol = true;
				/* #ifdef APP-PLUS */
				/* #endif */
			} else if (Object.scrollTop < 28) {
				this.scrrol = false;
				/* #ifdef APP-PLUS */
				/* #endif */
			}
		},
		onPullDownRefresh() {
			//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
			let that = this;
			that.page = 1;
			if (that.active == 0) {
				that.list = [];
				that.list02 = [];
				setTimeout(function() {
					uni.stopPullDownRefresh();
					that.loadRound();
					if (that.allSelect == 0) {
						that.loadList();
					} else if (that.allSelect == 1) {
						that.loadList02();
					}


				}, 500);
			} else if (that.active == 1) {
				that.list03 = [];
				that.loadRound();
				setTimeout(function() {
					uni.stopPullDownRefresh();
					that.getReservation();
				}, 500);

			}

		},
		onReachBottom() {
			var that = this;
			if (that.active == 0) {
				that.page++;
				if (that.allSelect == 0) {
					that.Net._get('terminal/terminal_order', {
						per_page: '10',
						page: that.page,
						order_status: that.type,
						type:1,
						phone:that.keyText,
					}, res => {
						if (res.code == 200) {
							//console.log(res)
							if (res.data.data == '') {
								uni.showToast({
									title: '已经是最后一页了',
									duration: 2000,
									icon: 'none'
								});
							} else {
								that.list = that.list.concat(res.data.data); //将数据拼接在一起
							}
						} else if (res.code == 0) {
							that.Msg.Success(res.msg, res => {});
						}
					});
				} else if (that.allSelect == 1) {
					that.Net._get('terminal/terminal_order', {
						per_page: '10',
						page: that.page,
						order_status: that.type02,
						type:2,
						phone:that.keyText,
					}, res => {
						if (res.code == 200) {
							//console.log(res)
							if (res.data.data == '') {
								uni.showToast({
									title: '已经是最后一页了',
									duration: 2000,
									icon: 'none'
								});
							} else {
								that.list02 = that.list02.concat(res.data.data); //将数据拼接在一起
							}
						} else if (res.code == 0) {
							that.Msg.Success(res.msg, res => {});
						}
					});
				}
			}


		},
	}
</script>

<style>
	.clear_box09{
		height: calc(46vw + var(--status-bar-height)) !important;
	}
	.clear_box07 {
		height: calc(27vw + var(--status-bar-height)) !important;
	}

	.scrrolHeader {
		background-color: #fef2e6 !important;
	}

	.header {
		background-color: transparent;
	}

	.header .text {
		background-color: transparent;
	}

	.header .back {
		position: absolute;
		left: 0;
		top: var(--status-bar-height);
		z-index: 999;
		font-size: 7vw;
	}

	.header .news {
		position: absolute;
		right: 0;
		top: var(--status-bar-height);
		z-index: 999;
		font-size: 7vw;
		height: 13.5vw;
		line-height: 13.5vw;
		color: #1d1f24;
		width: 14.5vw;
		text-align: center;
	}
	
	.header .news .round{
		height: 4vw;
		padding: 0 1vw;
		box-sizing: border-box;
		border-radius: 50%;
		text-align: center;
		line-height: 4vw;
		font-size: 2.8vw;
		position: absolute;
		right: 3vw;
		top: 2vw;
		background-color: #ff5025;
		color: #fff;

	}

	.clear_box07 {
		height: 27vw;
	}

	.bg_box {
		width: 100%;
		position: relative;
	}

	.bg_box .bg01 {
		width: 100%;
		display: block;
	}

	.bg_box .bg_content {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
		padding-bottom: 15vw;
	}

	.nav {
		width: 100%;
		height: 13.5vw;
		overflow: hidden;
		overflow-x: auto;
		position: fixed;
		left: 0;
		top: calc(13vw + var(--status-bar-height));
		z-index: 99;
		/* background-color: #fff;
			border-bottom: 1px solid #e8e8e8; */
		box-sizing: border-box;
	}

	.nav .navauto {
		width: fit-content;
		display: flex;
		/* margin-left: 4%; */
		min-width: 100%;
	}

	.nav .navauto .menu {
		width: 25%;
		position: relative;
	}

	.nav .navauto .menu02 {
		width: 36vw;
	}



	.nav .navauto .menu .text {
		font-size: 4vw;
		color: #333;
		text-align: center;
		line-height: 13.5vw;
		position: relative;
	}

	.nav .navauto .menu02 .text .round {
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
		background-color: #f00;
		position: absolute;
		top: 4vw;
		right: 2vw;
	}
	
	.nav .navauto .menu03 .text .round {
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
		background-color: #f00;
		position: absolute;
		top: 4vw;
		right: 4vw;
	}

	.nav .navauto .menu .line {
		width: 20%;
		border-radius: 3vw;
		position: absolute;
		left: calc(50% - 10%);
		bottom: 0vw;
		display: none;
	}

	.nav .navauto .menu .line image {
		width: 100%;
	}

	.menucolor {
		color: #091624 !important;
		font-weight: bold;
		font-size: 4.5vw !important;
	}

	.menucolor02 {
		display: block !important;
	}

	.menucolor03 {
		background-color: #FF9822 !important;
	}

	.order_list {
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		border-radius: 2vw;
		padding: 3vw;
		box-sizing: border-box;
		margin-top: 4%;
	}

	.order_list .service_box {
		width: 100%;
		display: flex;
		align-items: center;
		/* justify-content: space-between; */
	}
	
	.order_list .service_left{
		margin-left: 11vw;
		margin-top: 2vw;
	}

	.order_list .service_box .label {
		padding: 1vw 2vw;
		font-size: 3vw;
		color: #fff;
		border-radius: 8vw 8vw 8vw 2vw;
		margin-right: 1vw;
	}

	.order_list .service_box .label02 {
		width: 7vw;
		height: 7vw;
		line-height: 7vw;
		text-align: center;
		border-radius: 50%;
		font-size: 2.8vw;
		color: #fff;
		background-color: #FF9822;
		margin-right: 1vw;
	}



	.order_list .service_box .label_color01 {
		background-color: #0088FE;
	}

	.order_list .service_box .label_color02 {
		background-color: #06D2AD;
	}

	.order_list .service_box .label_color03 {
		background-color: #FFA322;
	}

	.order_list .service_box .label_color04 {
		background-color: #FF4971;
	}

	.order_list .service_box .label_color05 {
		background-color: #905BF1;
	}

	.order_list .service_box .service {
		display: flex;
		align-items: center;
	}

	.order_list .service_box .service:nth-child(6) {
		flex: 1;
		justify-content: flex-end;
	}

	.order_list .service_box .service02 {
		flex: 1;
		justify-content: flex-end;
	}

	.order_list .service_box .service .time {
		font-size: 3.5vw;
		color: #FD3633;
		margin-right: 0.5vw;
		margin-top: 0 !important;
	}

	.order_list .service_box .service .text {
		font-size: 3.5vw;
		color: #666666;
	}

	.order_list .service_box .service .money {
		font-size: 3.6vw;
		color: #FD3633;
		font-weight: bold;
		margin-right: 0.5vw;
	}

	.order_list .service_box .service .type {
		font-size: 3.5vw;
		color: #FF9822;
	}

	.order_list .content {
		width: 100%;
		margin-top: 3vw;
	}

	.order_list .content .other {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 0.8vw;
	}

	.order_list .content .other .icon {
		width: 10vw;
		margin-right: 2vw;
	}

	.order_list .content .other .icon image {
		width: 100%;
		display: block;
	}

	.order_list .content .other .text {
		font-size: 4vw;
		color: #333;
		font-weight: bold;
		flex: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.order_list .content .other .distance {
		font-size: 2.8vw;
		color: #999999;
	}

	.order_list .content .other .line {
		width: 1px;
		height: 3vw;
		background-color: #DDDDDD;
		margin-left: calc(5vw - 0.5px);

	}

	.order_list .content .other .remarks {
		font-size: 3.2vw;
		color: #999999;
	}
	
	.order_list .content .other .remarks02 {
		font-size: 3.2vw;
		color: #FF9822;
	}

	.order_list .order_menu {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 2vw;
	}

	.order_list .order_menu .menu {
		flex: 1;
		margin-left: 2%;
		background-color: #FF9822;
		border-radius: 2vw;
		text-align: center;
		line-height: 12vw;
		font-size: 3.5vw;
		color: #fff;
	}

	.order_list .order_menu .menu02 {
		background-color: transparent;
		border: 1px solid #DDDDDD;
		box-sizing: border-box;
		color: #333;
	}

	.order_list .order_menu .menu:nth-child(1) {
		margin-left: 0;
	}

	.scrrolHeader {
		background-color: #FF9822;
		transition: 0.5s;
	}

	.text-black {
		color: #222222 !important;
	}

	.text-blue {
		color: #FF9822;
	}

	.tabbar .iconfont {
		font-size: 24px;
		padding-bottom: 4px;
	}

	.cu-bar.tabbar .action.add-action::after {
		box-shadow: none;
	}

	.cu-bar.foot {
		left: 0;
	}

	.cu-bar .addstl {
		position: absolute;
		top: -3vw;
		left: 5.2vw;
		z-index: 999;
		color: #FF9822;
		font-size: 16vw;
		background-color: transparent;
	}

	.action {
		position: relative;
	}

	.action .round {
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
		background-color: #f00;
		position: absolute;
		top: 0vw;
		right: 13vw;
	}

	.my_box {
		width: 92%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		margin-top: 3vw;
		padding-left: 1%;
		box-sizing: border-box;
	}

	.my_box .portrait {
		width: 19vw;
		height: 19vw;
		border-radius: 50%;
		margin-right: 2vw;
	}

	.my_box .portrait image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.my_box .text_box {
		flex: 1;
		margin-top: 3vw;
	}

	.my_box .text_box .name {
		font-size: 5vw;
		color: #333;
		font-weight: bold;
		display: flex;
		align-items: center;
	}

	.my_box .text_box .name .lv {
		height: 6vw;
		line-height: 6vw;
		padding: 0 2vw;
		background-color: #FF7261;
		border-radius: 6vw;
		font-size: 3vw;
		font-weight: 400;
		color: #fff;
		margin-left: 2vw;
		display: flex;
		align-items: center;
	}

	.my_box .text_box .name .lv .i {
		font-size: 3.5vw;
		margin-right: 1vw;
	}

	.my_box .text_box .data {
		font-size: 3vw;
		color: #999;
		line-height: 3vw;
		display: flex;
		margin-top: 3vw;
	}

	.my_box .text_box .data .round {
		width: 1.5vw;
		height: 1.5vw;
		border-radius: 50%;
		background-color: #ff5301;
		margin-top: 0.75vw;
		margin-left: 1.5vw;
	}

	.my_box .home {
		width: 6vw;
		margin-top: 3vw;
		margin-right: 4%;
		position: relative;
	}

	.my_box .home:nth-child(3) {
		margin-right: 6vw;
	}

	.my_box .home image {
		width: 100%;
	}

	.attestation_box {
		width: 92%;
		margin: 4% auto;
	}

	.attestation_box image {
		width: 100%;
	}

	.menu_box {
		width: 92%;
		margin: 0 auto;
		display: flex;
		padding: 3vw 0;
		border-radius: 2vw;
		margin-top: 3vw;
		background-color: #fff;
	}

	.menu_box .menu {
		flex: 1;
	}

	.menu_box .menu .num {
		font-size: 5vw;
		font-weight: bold;
		color: #1d1f24;
		text-align: center;
	}

	.menu_box .menu .text {
		font-size: 3.2vw;
		color: #757880;
		text-align: center;
		margin-top: 1vw;
	}

	.pupu_box {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.pupu_box .show_box {
		width: 58%;
		background-color: #fff;
		border-radius: 4vw;
		padding: 5vw 10vw;
		position: relative;
	}

	.pupu_box .show_box .title {
		width: 100%;
		text-align: center;
		margin: 3vw 0;
		font-size: 4.5vw;
		color: #333;
		font-weight: bold;
	}

	.pupu_box .show_box .input {
		width: 100%;
		height: 13vw;
		border: 1px solid #f5f5f5;
		border-radius: 2vw;
		padding-left: 3vw;
		margin-top: 3vw;
		display: flex;
		align-items: center;
	}

	.pupu_box .show_box .input .m {
		font-size: 3.5vw;
		font-weight: bold;
		margin-right: 1vw;
	}

	.pupu_box .show_box .input input {
		flex: 1;
		height: 13vw;
		line-height: 13vw;
		font-size: 3.5vw;
		color: #333;
	}

	.pupu_box .show_box .menu {
		width: 100%;
		height: 12vw;
		border-radius: 2vw;
		text-align: center;
		line-height: 12vw;
		background-color: #ff7f22;
		color: #fff;
		margin-top: 2vw;
	}

	.pupu_box02 {
		width: 100%;
		height: 100%;
		background-color: transparent;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 98;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.pupu_box02 .show_box {
		width: 58%;
		background-color: #fff;
		border-radius: 4vw;
		padding: 5vw 10vw;
		position: relative;
		box-shadow: 1px 0px 4.8px 0.2px rgba(51, 51, 51, 0.10);
	}

	.pupu_box02 .show_box .textValue {
		font-size: 5vw;
		color: #333;
		font-weight: bold;
		text-align: center;
	}

	.pupu_box02 .show_box .menu {
		width: 100%;
		height: 12vw;
		border-radius: 2vw;
		text-align: center;
		line-height: 12vw;
		background-color: #ff7f22;
		color: #fff;
		margin-top: 2vw;
	}

	.img_box {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		background-color: #fff;
	}

	.img_box::after {
		flex: auto;
		content: '';
	}

	.img_box .img {
		width: 100%;
		height: 35vw;
		border: 1px solid #e8e8e8;
		border-radius: 2vw;
		flex-basis: auto;
		position: relative;
		margin-top: 2vw;
	}

	.img_box .img .xx {
		font-size: 6vw;
		color: #e55557;
		width: 9vw;
		height: 9vw;
		text-align: right;
		position: absolute;
		right: 0;
		top: 0;
	}

	.img_box .img image {
		width: 100%;
		height: 100%;
		border-radius: 2vw;
	}

	.img_box .addimg {
		width: 28vw;
		height: 28vw;
		border: 1px solid #e8e8e8;
		border-radius: 2vw;
		flex-basis: auto;
		margin-top: 4vw;
		margin-left: 4vw;
		font-size: 15vw;
		line-height: 28vw;
		text-align: center;
		color: #cecece;
	}

	.type_nav_box {
		width: 100%;
		height: 13.5vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.type_nav {
		width: 50%;
		height: 10vw;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		border: 1px solid #FF9822;
		border-radius: 2vw;
	}

	.type_nav .menu02 {
		flex: 1;
		color: #333;
		text-align: center;
		line-height: 10vw;
		position: relative;

	}

	.type_nav .menu02:nth-child(1) {
		border-radius: 2vw 0 0 2vw;
	}

	.type_nav .menu02:nth-child(2) {
		border-radius: 0 2vw 2vw 0;
	}

	.type_nav .menu02 .round {
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
		background-color: #f00;
		position: absolute;
		right: 4vw;
		top: 2vw;
	}

	.codeColor {
		color: #FD3633 !important;
	}
	
	.nav02 {
		width: 100%;
		height: 13.5vw;
		overflow: hidden;
		overflow-x: auto;
		position: fixed;
		left: 0;
		top: calc(13vw + var(--status-bar-height));
		z-index: 99999999;
		/* background-color: #fff;
			border-bottom: 1px solid #e8e8e8; */
		box-sizing: border-box;
	}
	
	.nav02 .navauto {
		width: fit-content;
		display: flex;
		/* margin-left: 4%; */
		min-width: 100%;
	}
	
	.nav02 .navauto .menu {
		width: 50%;
		position: relative;
	}
	
	.nav02 .navauto .menu02 {
		width: 30vw;
	}
	
	.nav02 .navauto .menu .text {
		font-size: 4vw;
		color: #333;
		text-align: center;
		line-height: 13.5vw;
	}
	
	.nav02 .navauto .menu .line {
		width: 10%;
		border-radius: 3vw;
		position: absolute;
		left: calc(50% - 5%);
		bottom: 0vw;
		display: none;
	}
	
	.nav02 .navauto .menu .line image{
		width: 100%;
	}
	
	.menucolor {
		color: #091624 !important;
		font-weight: bold;
		font-size: 4.5vw !important;
	}
	
	.menucolor02 {
		display: block !important;
	}
	
	.menucolor03 {
		background-color: #FF9822 !important;
	}
	
	.comment_box {
		width: 100%;
		border-radius: 3vw;
		position: fixed;
		left: 0;
		top: calc(25.5vw + var(--status-bar-height));
		padding: 2% 0% 4% 0%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		/* margin-bottom: 16vw; */
	}
	
	.nav03 {
		width: 100%;
		overflow: hidden;
		height: 9vw;
		overflow-x: auto;
		/* top: 0px; */
		z-index: 99;
		background-color: #fff;
		padding: 0vw 3vw;
	}
	
	.nav03 .navauto {
		width: 100%;
		display: flex;
	}
	
	.nav03 .navauto .menu {
		position: relative;
		background-color: #f8f8f8;
		border-radius: 2vw;
		height: 9vw;
		line-height: 9vw;
		margin-right: 2vw;
	}
	
	.nav03 .navauto .menu .text {
		font-size: 3.5vw;
		color: #333;
		text-align: center;
		padding: 0vw 3vw;
	}
	
	.menucolor04 {
		color: #fff !important;
		background-color: #ff7f22 !important;
		border-radius: 2vw !important;
		padding: 0vw 3vw !important;
	}
	
	.comment_box .man_box {
		width: 92%;
		margin: 4vw auto 3vw;
	}
	.comment_box .man_box .zuob {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.comment_box .man_box .zuob .portrait {
		width: 10vw;
		height: 10vw;
		border-radius: 10vw;
	}
	.comment_box .man_box .zuob .portrait image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.comment_box .man_box .xin_box {
		display: flex;
	}
	.comment_box .man_box .xin_box .name {
		color: #222222;
		font-size: 4vw;
		padding: 3vw 0vw 0vw 2vw;
	}
	.comment_box .time {
		color: #999999;
		font-size: 3.5vw;
		margin-top: 3vw;
	}
	.comment_box .man_box .text_box {
		font-size: 3.5vw;
		color: #333333;
		margin: 2vw 0vw;
	}
	.comment_box .man_box .goods_img {
		width: 100%;
		background-color: #fff;
		padding: 0px 10px 5px 0px;
		border-radius: 0 0 0 6px;
		display: flex;
		flex-direction: row;
		justify-content: left;
		flex-wrap: wrap;
	}
	.comment_box .man_box .goods_img::after {
		flex: auto;
		content: '';
	}
	
	.comment_box .man_box .goods_img image {
		width: 30%;
		height: 110px;
		margin-right: 2.5%;
		margin-bottom: 2vw;
		flex-basis: auto;
	}
	
	.VerticalNav.nav03 {
		width: 29vw;
		white-space: initial;
	}
	
	.VerticalNav.nav03 .cu-item {
		width: 100%;
		text-align: center;
		background-color: #fff;
		margin: 0;
		border: none;
		height: auto !important;
		line-height: 5vw;
		position: relative;
		color: #999;
		margin: 1vw 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3vw 0;
	}
	
	.VerticalNav.nav03 .cu-item .round{
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
		background-color: #f00;
		position: absolute;
		right: 0vw;
		top: 1vw;
		
	}
	
	.VerticalNav.nav03.cu-item.cur {
		background-color: #f8f8f8;
		color: #ff7f22;
	}
	
	.VerticalNav.nav03 .cu-item.cur::after {
		content: '';
		width: 8upx;
		height: 30upx;
		border-radius: 10upx 0 0 10upx;
		position: absolute;
		background-color: currentColor;
		top: 0;
		right: 0upx;
		bottom: 0;
		margin: auto;
		color: #ff7f22;
	}
	
	.VerticalBox {
		display: flex;
		width: 100%;
	}
	
	.VerticalMain {
		background-color: #f8f8f8;
		flex: 1;
	}
	
	.padding-lr{
		padding-top: 0 !important;
	}
	
	.search_box{
		width: 92%;
		margin: 3vw auto 0;
		display: flex;
		align-items: center;
	}
	
	.search_box .scan{
		font-size: 6vw;
		color: #fff;
		margin-left: 3vw;
	}
	
	.search_box .search{
		flex: 1;
		background-color: #fff;
		height: 10vw;
		border-radius: 10vw;
		display: flex;
		align-items: center;
	}
	
	.search_box .search .icon{
		width: 4vw;
		text-align: center;
		margin-left: 4vw;
		margin-right: 2vw;
	}
	
	.search_box .search .icon image{
		width: 100%;
	}
	
	.search_box .search input{
		flex: 1;
		font-size: 3.5vw;
		color: #333;
	}
	
	.search_box .search .menu{
		width: 16vw;
		height: 10vw;
		border-radius: 10vw;
		box-sizing: border-box;
		border: 2px solid #fff;
		background-color: #FF9822;
		text-align: center;
		font-size: 3.8vw;
		color: #fff;
		line-height: 8vw;
	}
	
	.ztfont{
		font-weight: bold;
		font-size: 3.8vw !important;
		color: #333 !important;
	}
</style>